
<html>
<head>
    <title>医务室预约管理</title>
    <script src="js/jquery-3.3.1.min.js"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.14.2/dist/bootstrap-table.min.css">
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
    <script src="https://unpkg.com/bootstrap-table@1.14.2/dist/bootstrap-table.min.js"></script>
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
    
    <link href="https://cdn.bootcss.com/mdui/0.4.3/css/mdui.min.css" rel="stylesheet">
    <script src="js/mdui.min.js"></script>
    
    

    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.14.2/dist/bootstrap-table.min.css">
    <!-- Latest compiled and minified JavaScript -->
    <script src="https://unpkg.com/bootstrap-table@1.14.2/dist/bootstrap-table.min.js"></script>
    <!-- Latest compiled and minified Locales -->
    <script src="https://unpkg.com/bootstrap-table@1.14.2/dist/locale/bootstrap-table-zh-CN.min.js"></script>


</head>
<style type="text/css">
    .mdui-btn{
        margin-right: 5px;
    }
</style>

<body class="mdui-theme-primary-light-blue mdui-theme-accent-blue">
    <h2 class="mdui-text-color-theme">医务室预约管理</h2>
    <div id="content">
       <div id="tableArea">
           <table id="table"></table>
       </div>
    </div>

    <div id="record" class="mdui-dialog">
        <div class="mdui-dialog-content">
            <div class="mdui-dialog-title">申请人信息</div>
            <div>

                <div id="basicInfoLabel" class="mylabel" >预约人信息</div>

                <form action="" id="detail_form">
                <div class="mdui-textfield">
                    <label class="mdui-textfield-label">姓名</label>
                    <input class="mdui-textfield-input" type="text" id="userName" name="userName" readonly/>
                </div>
                <div class="mdui-textfield">
                    <label class="mdui-textfield-label">学号</label>
                    <input class="mdui-textfield-input" type="text" id="userId" name="userId" readonly  />
                </div>
                <div class="mdui-textfield">
                    <label class="mdui-textfield-label">学部</label>
                    <input class="mdui-textfield-input" type="text" id="depName" name="depName" readonly />
                </div>
                <div class="mdui-textfield">
                    <label class="mdui-textfield-label">班级</label>
                    <input class="mdui-textfield-input" type="text" id="clazzName" name="clazzName" readonly />
                </div>
                <div class="mdui-textfield">
                    <label class="mdui-textfield-label">联系电话</label>
                    <input class="mdui-textfield-input" type="text" id="userPhone" name="userPhone" readonly />
                </div>
                


                
				</form>
            </div>


        </div>
        <div class="mdui-dialog-actions">
            
            <button class="mdui-btn mdui-ripple" mdui-dialog-close>关闭</button>
        </div>
    </div>

    
        
</body>

<script>
    var $$=mdui.JQ;
    var usernamedoc = JSON.parse(sessionStorage.getItem("username"))
    var detailDialog=new mdui.Dialog("#record");
    window.operateEvents={
        "click .detail":function (index,value,row){
            rm()
            getDetail(row.orderUserId)
        },
        "click .status":function(index,value,row){
            changeSubmit(row.orderId,row.orderUserId,row.orderDate)
        },
        "click .delete":function(index,value,row){
            deleteSubmit(row.orderId)
        }
    }
    
   

    
        $("#table").bootstrapTable({
        url: 'http://prehealth.top/pre2.0/queryOrder?orderType=2',         //请求后台的URL（*）
        method: 'get',                      //请求方式（*）
        toolbar: '#toolbar',                //工具按钮用哪个容器
        striped: true,                      //是否显示行间隔色
        cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
        pagination: true,                   //是否显示分页（*）
        sortOrder: "asc",                   //排序方式
        //    queryParams: oTableInit.queryParams,//传递参数（*）
        sidePagination: "client",           //分页方式：client客户端分页，server服务端分页（*）
        smartDisplay:true,
        pageNumber: 1,                       //初始化加载第一页，默认第一页
        pageSize: 9,                       //每页的记录行数（*）
        pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
        search: true,                       //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
       // showColumns: true,                  //是否显示所有的列
        showRefresh: true,                  //是否显示刷新按钮
        minimumCountColumns: 2,             //最少允许的列数
         clickToSelect: true,                //是否启用点击选中行
        height: 500,                        //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
        uniqueId: "orderId",                     //每一行的唯一标识，一般为主键列
        showExport: true,                     //是否显示导出
        exportDataType: "basic",
        columns: [ {
            field:'orderId',
            title:'预约编号',
            align:'center'
            
        },{
            field:'orderUserId',
            title:'预约人',
            align:'center',
            formatter:getName
            
        },{
            field:'orderContent',
            title:'咨询内容' ,
            align:'center',
            
        },{
            field:'orderDate',
            title:'预约时间',
            align:'center'
        } ,{
            field:'orderPostTime',
            title:'预约提交时间' ,
            align:'center',
            
        },{
            field:'orderStatus',
            title:'预约状态',
            align:'center',
            formatter:status
        } ,{
            field: 'operation',
            title: '操作',
            align: 'center',
            events:operateEvents,//给按钮注册事件
            formatter:addFunctionAlty//表格中增加按钮 
        }
        ]
    })
 
   


    function getuserName(userId){
        var username;
        $$.ajax({
            url:"http://prehealth.top/pre2.0/userinfo/"+userId,
            method:"get",
            dataType:"json",
            data:{
                  user_id:userId,
                  
              },
              contentType:false,
              async: false,
              success:function(data){
                 username=data.userName;
                 console.log(username)
                 
               }});
        
            return username;
        

    }
        
    function getName(value,row,index){
        var userqqq=getuserName(row.orderUserId);

        return ['<span>'+userqqq+'</span>'].join('');

    }      
    
    

    
    function status(value,row,index){

        switch(row.orderStatus){
            case '0':
                return ['<span>预约失败</span>'].join('');
                break;

            case '1':
                return ['<span>预约成功</span>'].join('');
                break;

            case '2':
                return ['<span>预约中</span>'].join('');
                break;

           case '3':
                return ['<span>已过期</span>'].join('');
                break;   
           case '4':
                return ['<span>就诊完成</span>'].join('');
                break; 

        }
    }

    function addFunctionAlty(){
        return[
            '<button class="mdui-btn mdui-color-theme-accent mdui-ripple detail"> 查看预约人信息</button>',
            '<button class="mdui-btn mdui-color-theme-accent mdui-ripple status">审批</button>',
            '<button class="mdui-btn mdui-color-theme-accent mdui-ripple delete">删除预约</button>'
        ].join('')
    }
   

    
    
    function rm() {
        $(".myimg").remove();
    }

    function getDetail(orderUserId) {
        $$.ajax({
            url:"http://prehealth.top/pre2.0/userinfo/"+orderUserId,
            method:"get",
            dataType:"json",
            data:{
                  user_id:orderUserId,
                  
              },
            contentType:false,
            success:function (data) {
              $$("#userName").val(data.userName);
              $$("#userId").val(data.userId);
              $$("#depName").val(data.department.depName);
              $$("#clazzName").val(data.clazz.clazzName);
              $$("#userPhone").val(data.userPhone);
               
                
                
                
             
                detailDialog.open();
            }
        })
    }

function changeSubmit(orderId,orderUserId,orderDate) {
      
            var touser;
            $$.ajax({
            url:"https://prehealth.top/pre2.0/login",
            method:"get",
            dataType:"json",
            async: false,
            data:{
                  user_id:orderUserId
                  
              },
              contentType:false,
             
              success:function(data){
                 touser=data.userOpenId;
                 console.log(touser)
                 
               }});


            var json1 = 
    
    {
        "touser":touser,
        "template_id":"2Bt48lBkvZ5VDzwOCoK-RzSHZpb6oHI_4fjn8hu3XaM",
        "miniprogram_state":"developer",
        "lang":"zh_CN",
        "data":{
          "thing1":{
            "value":"医务室就诊预约"
          },
          "date2":{
            "value":orderDate
          },
          "phrase5":{
            "value":"预约失败"
          },
           "thing6":{
            "value":usernamedoc
           }

        }
    };
         var json2 = 
   
    {
        "touser":touser,
        "template_id":"2Bt48lBkvZ5VDzwOCoK-RzSHZpb6oHI_4fjn8hu3XaM",
        "miniprogram_state":"developer",
        "lang":"zh_CN",
        "data":{
          "thing1":{
            "value":"医务室就诊预约"
          },
          "date2":{
            "value":orderDate
          },
          "phrase5":{
            "value":"已接诊"
          },
           "thing6":{
            "value":usernamedoc
           }

        }
    };
    var json4 = 
    {
        "touser":touser,
        "template_id":"2Bt48lBkvZ5VDzwOCoK-RzSHZpb6oHI_4fjn8hu3XaM",
        "miniprogram_state":"developer",
        "lang":"zh_CN",
        "data":{
          "thing1":{
            "value":"医务室就诊预约"
          },
          "date2":{
            "value":orderDate
          },
          "phrase5":{
            "value":"就诊完成"
          },
           "thing6":{
            "value":usernamedoc
           }

        }
    };
    var json3 = 
    {
        "touser":touser,
        "template_id":"2Bt48lBkvZ5VDzwOCoK-RzSHZpb6oHI_4fjn8hu3XaM",
        "miniprogram_state":"developer",
        "lang":"zh_CN",
        "data":{
          "thing1":{
            "value":"医务室就诊预约"
          },
          "date2":{
            "value":orderDate
          },
          "phrase5":{
            "value":"预约过期"
          },
           "thing6":{
            "value":usernamedoc
           }

        }
    };

   
          
          mdui.dialog({
           title: '审批状态',
            
          buttons: 
      [
        {
          text: '预约失败',
          onClick: function(inst){
           $$.ajax({
            method: 'POST',
            url: 'https://prehealth.top/pre2.0/Send',
            contentType:'application/json;charset=utf-8',
            async: false,
            dataType: "json",
            data:JSON.stringify(json1),
                  
              
            success: function (data) {
                console.log("发送通知成功！")
            },
            fail:function () {
                
            }
        });
        $$.ajax({
            method: 'PUT',
            url: 'http://prehealth.top/pre2.0/updateOrder',
            dataType: "json",
              data:{
                  orderId:orderId,
                  orderStatus:0
              },
            success: function (data) {
                $$("#submit").removeAttr("disabled");
                mdui.snackbar({
                    message: '修改成功',
                    position: 'right-top'
                });
                history.go(0)
            },
            fail:function () {
                $$("#submit").removeAttr("disabled");
                mdui.snackbar({
                    message: '修改失败',
                    position: 'right-top'
                });
            }
        });
          
        }

        },
        {
        text: '预约成功',
        onClick: function(inst){
           $$.ajax({
            method: 'POST',
            url: 'https://prehealth.top/pre2.0/Send',
            contentType:'application/json;charset=utf-8',
            async: false,
            dataType: "json",
            data:JSON.stringify(json2),
            success: function (data) {
                console.log("发送通知成功！")
            },
            fail:function () {
                
            }
        });

           mdui.snackbar({
            message: '上传中...',
            position: 'right-top'
        });
        $$.ajax({
            method: 'PUT',
            url: 'http://prehealth.top/pre2.0/updateOrder',
            dataType: "json",
              data:{
                 orderId:orderId,
                  orderStatus:1
              },
            success: function (data) {
                $$("#submit").removeAttr("disabled");
                mdui.snackbar({
                    message: '修改成功',
                    position: 'right-top'
                });
                history.go(0)
            },
            fail:function () {
                $$("#submit").removeAttr("disabled");
                mdui.snackbar({
                    message: '修改失败',
                    position: 'right-top'
                });
            }
        });
          
        }},
        {
        text: '预约过期',
        onClick: function(inst){
           $$.ajax({
            method: 'POST',
            url: 'https://prehealth.top/pre2.0/Send',
            contentType:'application/json;charset=utf-8',
            async: false,
            dataType: "json",
            data:JSON.stringify(json3),
            success: function (data) {
                console.log("发送通知成功！")
            },
            fail:function () {
                
            }
        });

           mdui.snackbar({
            message: '上传中...',
            position: 'right-top'
        });
        $$.ajax({
            method: 'PUT',
            url: 'http://prehealth.top/pre2.0/updateOrder',
            dataType: "json",
              data:{
                 orderId:orderId,
                  orderStatus:3
              },
            success: function (data) {
                $$("#submit").removeAttr("disabled");
                mdui.snackbar({
                    message: '修改成功',
                    position: 'right-top'
                });
                history.go(0)
            },
            fail:function () {
                $$("#submit").removeAttr("disabled");
                mdui.snackbar({
                    message: '修改失败',
                    position: 'right-top'
                });
            }
        });
          
        }
      },{
        text: '就诊完成',
        onClick: function(inst){
           $$.ajax({
            method: 'POST',
            url: 'https://prehealth.top/pre2.0/Send',
            contentType:'application/json;charset=utf-8',
            async: false,
            dataType: "json",
            data:JSON.stringify(json4),
            success: function (data) {
                console.log("发送通知成功！")
            },
            fail:function () {
                
            }
        });

           mdui.snackbar({
            message: '上传中...',
            position: 'right-top'
        });
        $$.ajax({
            method: 'PUT',
            url: 'http://prehealth.top/pre2.0/updateOrder',
            dataType: "json",
              data:{
                 orderId:orderId,
                  orderStatus:4
              },
            success: function (data) {
                $$("#submit").removeAttr("disabled");
                mdui.snackbar({
                    message: '修改成功',
                    position: 'right-top'
                });
                history.go(0)
            },
            fail:function () {
                $$("#submit").removeAttr("disabled");
                mdui.snackbar({
                    message: '修改失败',
                    position: 'right-top'
                });
            }
        });
          
        
      }
      }
    ]
  });
};

    

function deleteSubmit(orderId) {

          
          mdui.dialog({
           title: '删除预约',
            content: '您想要删除预约吗？',
          buttons: [
        {
          text: '取消'
        },
        {
        text: '确认',
        onClick: function(inst){
          

           mdui.snackbar({
            message: '删除中...',
            position: 'right-top'
        });
        $$.ajax({
            method: 'DELETE',
            url: 'http://prehealth.top/pre2.0/deleteOrder/'+orderId,
            dataType: "json",
              data:{
                  orderId:orderId
                  
              },
            success: function (data) {
            	if (data==1) {
            		 $$("#submit").removeAttr("disabled");
                mdui.snackbar({
                    message: '删除成功',
                    position: 'right-top'
                });
                history.go(0)
            	}
            	else{
            		 $$("#submit").removeAttr("disabled");
                mdui.snackbar({
                    message: '删除失败',
                    position: 'right-top'
                });
            	}
               
            }
        });
          
        }
      }
    ]
  });
};
   
  
</script>

</html>
